<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./mui/css/mui.min.css">
    <link rel="stylesheet" type="text/css" href="./mui/css/icons-extra.css" />
    <link rel="stylesheet" href="./mui/css/app.css">
    <style>
       	.flex-container {
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-flow: row wrap;
				justify-content: space-between;
				text-align: center;
			}
			
			.mui-content-padded {
				padding: 10px;
			}
			
			.mui-content-padded a {
				margin: 3px;
				width: 50px;
				height: 50px;
				display: inline-block;
				text-align: center;
				background-color: #fff;
				border: 1px solid #ddd;
				border-radius: 25px;
				background-clip: padding-box;
			}
			
			.mui-content-padded a .mui-icon-extra {
				margin-top: 12px;
			}
			
			.mui-spinner,
			.mui-spinner-white {
				margin-top: 12px
			}
			
			.active .mui-spinner-indicator {
				background: #007AFF;
			}
			
			.mui-content a {
				color: #8F8F94;
			}
			
			.mui-content a.active {
				color: #007aff;
			}
           

        
    </style>
</head>

<body>
    <header id="header" class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">会议管理</h1>
        <a class="mui-icon mui-icon-bars mui-pull-right" id="display"></a>

    </header>


    <div class="mui-content">


        <ul class="mui-table-view mui-grid-view mui-grid-9">
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="./meetingnotice.html">
                    <span class="mui-icon-extra mui-icon-extra-notice"></span>
                    <div class="mui-media-body">会议通知</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="./companymeeting.html">
                    <span class="mui-icon-extra mui-icon-extra-peoples"></span>
                    <div class="mui-media-body">公司会议</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="./programmeeting.html">
                    <span class="mui-icon-extra mui-icon-extra-hotel"></span>
                    <div class="mui-media-body">项目部会议</div></a></li>
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="">
                    <span class="mui-icon-extra mui-icon-extra-addpeople"></span>
                    <div class="mui-media-body">外部会议</div></a></li>
           
        </ul> 
       <!--  <ul class="mui-table-view">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="./meetingnotice.html"> 会议通知</a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="./companymeeting.html"> 公司会议</a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="./programmeeting.html">项目部会议</a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right">外部会议</a>
            </li>
        </ul> -->

    </div>


</body>

<script>





</script>

</html>